<div class="tool-bar">
  <div class="department-bar">
    <span><B>分公司：</B><select><option value ="volvo">乌江</option></select><B>电站：</B><select><option value ="volvo">东风</option></select><B> 机组：</B><select><option value ="volvo">#1</option></select></span>
  </div>
  <div>
    <button class="btn btn-sm btn-default btn-back" (click)="goBack(true)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></button>
  </div>
  <div class="search-bar">
    <app-time-control-search></app-time-control-search>
  </div>
</div>
<div class="main-body">
  <div class="container-fluid">
    <div class="row" style="margin-top: 50px">
      <div class="col-md-6">
        <app-chart-scatter-diagram [data]="airCooler" [title]="airTitle"></app-chart-scatter-diagram>
      </div>
      <div class="col-md-6">
        <app-chart-scatter-diagram [data]="coldWind" [title]="windTitle"></app-chart-scatter-diagram>
      </div>
    </div>
    <button type="button" class="btn btn-default btn-style" (click)="contrastModal.show();show();">+对比</button>
  </div>
</div>
<!--对比查询-->
<div bsModal #contrastModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" >
  <div class="modal-dialog modal-md modal-style">
    <div class="modal-header">
      <h4 class="modal-title pull-left">对比查询</h4>
      <button type="button" class="close pull-right" (click)="contrastModal.hide()" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <div class="contrast-body">
        <div class="radio">
          <label class="radio-inline">
            <input type="radio" name="history" value="1" [(ngModel)]="history" 
            />历史对比
          </label>
          <label class="radio-inline">
            对比时段：
          </label>
          <input type="date" class="form-control input-sm" id="startDate" />
          <span>
            -
          </span>
          <input type="date" class="form-control input-sm" id="endDate" />
        </div>
        <div class="radio" style="margin-top: 20px">
          <label class="radio-inline">
            <input type="radio" name="history" value="2" [(ngModel)]="history" 
             />同厂机组
          </label>
          <label class="radio-inline">
            对比机组：
          </label>
          <B>分公司：</B><select><option value ="volvo">乌江</option></select><B>电站：</B><select><option value ="volvo">东风</option></select><B> 机组：</B><select><option value ="volvo">#1</option></select>
        </div>
        <div class="radio" style="margin-top: 20px">
          <label class="radio-inline radio-btn">
            <button type="button" class="btn btn-primary btn-sm">开始对比</button>
          </label>
        </div>
      </div>
    </div>
  </div>
</div>
